<template>
	<view class="myones">
		<view class="myoleft">
			<img class="imgs" src="https://img2.baidu.com/it/u=526964398,2952161189&fm=253&fmt=auto&app=138&f=JPEG" alt="">
		</view>
		<view class="myoright">
			<p class="mor1p">admin</p>
			<p class="mor2p">ID:45645-5645646-6565546</p>
		</view>
	</view>
	<view class="mytows">
		<view class="mtone">
			<p class="mtp">我的羊群</p>
		</view>
		<view class="mtone">
			<p class="mtp">查看大屏</p>
		</view>
		<view class="mtone">
			<p class="mtp">我的设备</p>
		</view>
		<view class="mtone">
			<p class="mtp">设置</p>
		</view>
		<view class="mtone">
			<p class="mtp">关于我们</p>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.myones{
		height: 300rpx;
		background-color: antiquewhite;
	}
	.myoleft{
		float: left;
		margin-left: 70rpx;
		margin-top: 60rpx;
	}
	.myoleft .imgs{
		width: 150rpx;
		border-radius: 100rpx;
		height: 150rpx;
	}
	.myoright{
		float: left;
		margin-left: 50rpx;
		margin-top: 80rpx;
		
	}
	.mor1p{
		font-size: 50rpx;
		font-weight: bold;
	}
	.mor2p{
		margin-top: 10rpx;
		font-size: 20rpx;
	}
	.mytows{
		height: 800rpx;
	}
	.mtone{
		margin-top: 30rpx;
		height: 100rpx;
		border-bottom: 1px solid #c8c8c8;
		text-align: left;
		line-height: 100rpx;
		margin-left: 50rpx;
		width: 85%;
	}
	.mtp{
		margin-left: 20rpx;
	}
</style>